<style src="./invester-portfolio-manage.css" scoped></style>
<template>
  <div class="invester-portfolio-manage">
    <div class="invester-body">
      <div class="btn-list ly-row-flex">
        <add-invester-portfolio></add-invester-portfolio>
        <swap-portfolio-position></swap-portfolio-position>
      </div>
      <table class="table table-bordered table-hover">
        <caption>{{payType === 1 ? '华林投顾组合' : '港股投顾组合'}}</caption>
        <thead>
          <tr>
            <th class="col-xs-1">组合ID</th>
            <th class="col-xs-1">组合名称</th>
            <th class="col-xs-1">投顾人员</th>
            <th class="col-xs-1">NEW标识</th>
            <th class="col-xs-1">展示在首页</th>
            <th class="col-xs-1">风险等级</th>
            <th class="col-xs-1">上下架</th>
            <th class="col-xs-1">排序</th>
            <th class="col-xs-4"></th>
          </tr>
        </thead>
        <tbody>
          <template v-for="detail in sortGroupList">
            <invester-portfolio-item
              :detail="deepClone(detail)"
              :index="$index"
              :list="sortGroupList"
              ></invester-portfolio-item>
          </template>
        </tbody>
      </table>
    </div>
    <vue-pages :pages.sync="pages" :get-list="getList"></vue-pages>
  </div>
</template>
<script src="./invester-portfolio-manage.js"></script>
